@charset "utf-8";

/*头部样式*/
.top-banner { position: relative; }
.top-bgimg { width: 100%; }
.top-bgimg .top-img { width: 100%; vertical-align: middle; }

.top-info { position: absolute; top: 0.23rem; left: 0; width: 100%; height: 3rem; padding: 0 0.248rem; box-sizing: border-box; }
.top-info .info-txt { width: 100%; height: 0.3rem; line-height: 0.3rem; font-size: 0.18rem; color: #ffffff; text-align: center; margin-bottom: 0.16rem; }

.top-search { width: 100%; margin-bottom: 0.17rem; }
.top-search .hd { width: 100%; height: 0.3rem; font-size: 0; text-align: center; margin-bottom: 0.12rem; }
.top-search .hd .hd-txt { height: 0.3rem; line-height: 0.3rem; font-size: 0.14rem; color: #ccffff; display: inline-block; }
.top-search .hd .hd-txt + .hd-txt { margin-left: 0.17rem; }
.top-search .hd .hd-txt.on { color: #fff; position: relative; }
.top-search .hd .hd-txt.on::after { content: ""; width: 100%; height: 0.02rem; background-color: #ffffff; border-radius: 0.02rem; position: absolute; left: 0; bottom: 0; }

.top-search .bd { width: 100%; height: 0.35rem; }
.top-search .bd .bd-input { width: 100%; height: 0.35rem; line-height: 0.35rem; background-color: #ffffff; border-radius: 0.04rem; position: relative; overflow: hidden; }
.top-search .bd .bd-input .s-input { width: 100%; height: 0.35rem; line-height: 0.35rem; font-size: 0.12rem; color: #8b8888; padding-left: 0.061rem; box-sizing: border-box; }
.top-search .bd .bd-input .search-btn { position: absolute; top: 0; right: 0; width: 0.5rem; height: 0.35rem; font-size: 0.12rem; color: #fff; background-color: #fe7d18; text-align: center; cursor: pointer; }

.top-hot { width: 100%; height: 0.3rem; line-height: 0.3rem; font-size: 0.12rem; color: #ffffff; overflow: hidden; }
.top-hot .hot-span { float: left; }
.top-hot .hot-txt { display: inline-block; height: 0.3rem; line-height: 0.3rem; font-size: 0.12rem; color: #ffffff; }
.top-hot .hot-txt + .hot-txt { margin-left: 0.13rem; }
.top-hot .hot-txt:hover, 
.top-hot .hot-txt:active { color: #ffffff; }

input::-webkit-input-placeholder { color: #666; }
input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; }
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; }
input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #666; }


/*主体样式*/
.index-body { padding: 0 0.1rem; position: relative; z-index: 1; }

.index-kj { height: auto; background-color: #fff; border-radius: 0.05rem; padding: 0.18rem 0 0.12rem; margin: -0.24rem 0 0.1rem 0; }
.index-ul { width: 100%; margin-bottom: 0.15rem; }
.index-ul .index-li { width: 33.3%; float: left; }
.index-ul .index-li .li-a { display: block; }
.index-ul .index-li .li-img { width: 100%; height: 0.44rem; line-height: 0.44rem; font-size: 0; text-align: center; }
.index-ul .index-li .li-img .kj-img { width: 0.44rem; height: 0.44rem; vertical-align: middle; }
.index-ul .index-li .li-txt { height: 0.3rem; line-height: 0.3rem; font-size: 0.12rem; color: #000000; text-align: center; }
.index-ul .index-li .li-a:hover .li-txt,
.index-ul .index-li .li-a:active .li-txt { color: #0148d4; }

.index-notice { width: 100%; height: 0.24rem; padding: 0 0.28rem; box-sizing: border-box; }
.index-notice .notice-txt { width: 0.58rem; height: 0.24rem; line-height: 0.24rem; /*padding: 7rpx 10rpx;*/ font-size: 0.12rem; color: #ff0000; text-align: center; background-color: #fae7ef; float: left; }
.index-notice .fy-notice { width: 2.4rem; height: 0.24rem; float: left; overflow: hidden; }
.index-notice .fy-notice li { width: 100%; height: 0.24rem; padding-left: 0.05rem; box-sizing: border-box; }
.index-notice .fy-notice li .li-a { width: 100%; height: 0.24rem; line-height: 0.24rem; font-size: 0.12rem; color: #010101; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index-notice .fy-notice li .li-a:hover,
.index-notice .fy-notice li .li-a:active { color: #0148d4; }


.index-module { background: #fff; border-radius: 0.06rem; padding: 0.13rem; margin-bottom: 0.1rem; overflow: hidden; }
.index-module .hd { width: 100%; height: 0.3rem; font-size: 0; text-align: center; margin: 0.13rem 0 0.15rem; }
.index-module .hd li { height: 0.3rem; line-height: 0.3rem; font-size: 0.14rem; color: #000000; display: inline-block; cursor: pointer; }
.index-module .hd li + li { margin-left: 0.8rem; }
.index-module .hd li.on { color: #3366ff; position: relative; }
.index-module .hd li.on::after { content: ""; width: 0.25rem; height: 0.02rem; background-color: #3366ff; border-radius: 0.02rem; position: absolute; left: 50%; bottom: 0; margin-left: -0.13rem; }

.index-module .hd swan-tab-item { font-size: 0.14rem; color: #000000; }


.index-module .bd { width: 100%; }
.index-module .bd .fy-list { width: 100%; }
.index-module .bd .fy-list li { width: 100%; padding: 0.05rem 0 0.05rem; border-bottom: 0.01rem solid #f3f3f3; }
.index-module .bd .fy-list li:nth-child(1) { padding-top: 0; }
.index-module .bd .fy-list li:last-child { border-bottom: none; }
.index-module .bd .fy-list li .li-h3 { width: 100%; height: 0.3rem; line-height: 0.3rem; font-size: 0.14rem; color: #000000; text-align: left; }
.index-module .bd .fy-list li .li-list { width: 100%; }
.index-module .bd .fy-list li .li-list .li-con { width: 33.3%; float: left; }
.index-module .bd .fy-list li .li-list .li-con .li-t { width: 100%; height: 0.22rem; line-height: 0.22rem; font-size: 0.12rem; color: #666666; text-align: left; }
.index-module .bd .fy-list li .li-list .li-con .li-c { width: 100%; height: 0.22rem; line-height: 0.22rem; font-size: 0.12rem; color: #333333; text-align: left; }
.index-module .bd .fy-list li .li-a:hover .li-h3,
.index-module .bd .fy-list li .li-a:active .li-h3 { color: #0148d4; }


.index-module .bd .dh-list { width: 100%; }
.index-module .bd .dh-li { width: 20%; height: 0.32rem; float: left; margin-right: 6.5%; margin-bottom: 0.12rem; }
.index-module .bd .dh-li:nth-child(4n) { margin-right: 0; }
.index-module .bd .dh-li .li-a { display: block; width: 100%; height: 0.3rem; line-height: 0.28rem; font-size: 0.12rem; color: #333333; border: 0.01rem solid #bfbfbf; text-align: center; box-sizing: border-box; }
.index-module .bd .dh-li .li-a:hover,
.index-module .bd .dh-li .li-a:active { color: #0148d4; }


.index-module .bd .rz-list { width: 100%; }
.index-module .bd .rz-li { width: 100%; padding: 0.05rem 0 0.05rem; border-bottom: 0.01rem solid #f3f3f3; }
.index-module .bd .rz-li:nth-child(1) { padding-top: 0; }
.index-module .bd .rz-li:last-child { border-bottom: none; }
.index-module .bd .rz-li .li-h3 { width: 100%; height: 0.3rem; line-height: 0.3rem; font-size: 0.14rem; color: #000000; text-align: left; }
.index-module .bd .rz-li .li-list { width: 100%; }
.index-module .bd .rz-li .li-list .li-con { width: 33.3%; float: left; position: relative; padding-right: 0.3rem; box-sizing: border-box; }
.index-module .bd .rz-li .li-list .li-con .li-t { width: 100%; height: 0.22rem; line-height: 0.22rem; font-size: 0.12rem; color: #666666; text-align: left; }
.index-module .bd .rz-li .li-list .li-con .li-c { width: 100%; height: 0.22rem; line-height: 0.22rem; font-size: 0.12rem; color: #333333; text-align: left; }
.index-module .bd .li-c { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index-module .bd .rz-li .li-a:hover .li-h3,
.index-module .bd .rz-li .li-a:active .li-h3 { color: #0148d4; }

.index-give { width: 100%; font-size: 0; margin-bottom: 0.10rem; }
.index-give .give-img { width: 100%; }

.foot-index { background: #fff; border-radius: 0.06rem; padding: 0.13rem; margin-bottom: 0.55rem; overflow: hidden; }
.foot-index .f-bot { text-align: center; }
.foot-index .ft-link { width: 100%; height: 0.2rem; text-align: center; font-size: 0; margin-bottom: 0.05rem; }
.foot-index .ft-link .fy-a { height: 0.2rem; line-height: 0.2rem; font-size: 0.14rem; color: #999999; display: inline-block; padding: 0 0.05rem; position: relative; }
.foot-index .ft-link .fy-a::after { content: ""; position: absolute; right: 0; top: 50%; width: 0.01rem; height: 0.1rem; background-color: #d8d8d8; margin-top: -0.05rem; }
.foot-index .ft-link .fy-a:last-child::after { display: none; }
.foot-index .ft-link .fy-a:hover { color: #3366ff; }
.foot-index .f-bot .ft-mail { width: 100%; height: 0.2rem; line-height: 0.2rem; font-size: 0.12rem; color: #999999; }
.foot-index .f-bot .ft-beian { width: 100%; height: 0.2rem; line-height: 0.2rem; font-size: 0.12rem; color: #999999; }
.foot-index .f-bot .ft-beian a { height: 0.2rem; line-height: 0.2rem; font-size: 0.12rem; color: #999999; }